<template>
  <div class="project-setting">
    <a-tabs default-active-key="1" lazy-load>
      <a-tab-pane key="1" title="项目">
        <project />
      </a-tab-pane>
      <a-tab-pane key="2" title="团队设置">
        <team-setting />
      </a-tab-pane>
      <a-tab-pane key="3" title="项目计划">
        <project-plan />
      </a-tab-pane>
      <a-tab-pane key="4" title="流程设置">
        <Process></Process>
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script lang="ts" setup>
  import TeamSetting from './team/index.vue';
  import ProjectPlan from './plan/index.vue';
  import Project from './project/index.vue';
  import Process from './process/index.vue';
</script>

<script lang="ts">
  export default {
    name: 'ProjectSetting',
  };
</script>

<style scoped lang="less">
  .project-setting {
    width: 100%;
    height: 100%;
    padding: 24px 44px 16px;
    overflow: hidden;
  }
</style>
